* {
	margin: 0;
	padding: 0;
}

.clearfix:before, .clearfix:after {content: "";display: block;}
.clearfix:after{clear:both;overflow: hidden;}
.clearfix {*zoom: 1;}

.block {
    /*height:500px;*/
    height:100%;
	font-family: Arial;
	background: rgb(22,55,85) url(/static/img/html.jpg) repeat-x 0 0;
}

.block ul {
	/*width: 880px;*/
	width: 100%;
	padding: 0 30px;
	margin: 30px auto;
}

.block ul li {
	float: left;
	/*width: 180px;
	height: 300px;*/
	width:100px;
	height:150px;
	padding: 10px;
	list-style: none;
	background-color: #fff;
	border: 1px solid rgba(223,231,239, .7);
	color: rgb(32,40,48);
	text-shadow: 0 1px 1px rgb(255,255,255);
	font-size: 14px;
	transition: all .2s ease;
	margin: 10px 10px 10px 10px;
	border-radius: 12px;
}

.block ul li:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 -1px 10px rgba(0,0,0,.5);
	box-shadow: 0 -1px 10px rgba(0,0,0,.5);
}

ul li h4 {
	height: 40px;
	margin-bottom: 15px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid rgba(223,231,239, .7);
}


